<template>
  <div>
    <ItemMy :user-info="MatchInfo" />
    <div class="container">
      <taglist :checked="MatchInfo.hobby" />
      <div class="profile">
        <div>微信ID  {{ MatchInfo.wechat }}</div>
        <!-- <div class="copy">复制</div> -->
      </div>
      <div class="profile" @click="routerLink('Othersdynami')">
        <div>TA的动态</div>
        <div class="name"><img src="@/assets/more-icon.png" alt="" class="more-icon"></div>
      </div>
      <div class="profile" @click="routerLink('Othersphoto')">
        <div>TA的相册</div>
        <div class="name"><img src="@/assets/more-icon.png" alt="" class="more-icon"></div>
      </div>
    </div>
  </div>
</template>
<script>
// item
import taglist from '@/components/tag'
import ItemMy from '@/components/item/ItemMy'
export default {
  components: {
    taglist,
    ItemMy
  },
  data() {
    return {
      MatchInfo: {}
    }
  },
  async created() {
    const { userInfo = false } = this.$route.params
    if (!userInfo) {
      return this.$router.push('/')
    }
    this.MatchInfo = this.$route.params.userInfo
  },
  methods: {
    routerLink(href) {
      this.$router.push({ name: href, params: { id: this.MatchInfo.id }})
    }
  }
}
</script>

<style scoped>
.container{
    width: 95%;
    margin: 0 auto;
}
.profile{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    font-size: 1.0625rem;
}
.title{
    font-size: 18px;
    color: #E06363;
    display: block;
    width: 100%;
}
.copy{
    background: #52D1A5;
    height: 25px;
    line-height: 25px;
    padding: 3px 10px;
    border-radius: 10px;
    margin-top: 5px;
    font-size: 0.7rem;
    color:#fff ;
}
</style>
